<!--  -->
<template>
  <div class="container">
    <div>
     <h1><span>影评</span><span class="number">116</span><img src="@/assets/img/right-arrow.png" alt="" style="float:right; width: 0.12rem;"></h1>
    </div>
    </div>
  </div>
</template>

<script>
import { mapState } from 'vuex';
export default {
  data () {
    return {
    };
  },

  components: {},

  computed: {},

  mounted(){
  },
  computed:{
    ...mapState({
        tuiimages:(state)=>state.Detail.tuiImages
    })
  },
  methods: {}
}

</script>
<style lang='less' scoped>
.container{
    
    
    div{
        
        h1{
                border-top: solid rgb(238,238,238,1) 0.01rem;
                font-size: 0.35rem;
                margin-left: 0.42rem;
                margin-right: 0.42rem;
                margin-bottom: 0.5rem;
                padding-top: 0.49rem;
                
                img{
                    margin-top: 0.09rem;
                }
            }
        }
    }
.photo{
    padding-left:0.42rem;
    overflow-x: scroll; -webkit-overflow-scrolling:touch;display: -webkit-box;white-space: nowrap;
    div{
        display: inline-block;
        margin-right: 0.12rem;
        img{
            width:3.5rem;
            height: 2.1rem;
        }
        p{
            width: 3.5rem;
            white-space:normal;
            
        }
    }
}
.number{
    font-weight: 400;
    margin-left:0.1rem ;
    font-size: 0.3rem !important;
    text-align: left;
    color: #A0A0A0;
}
</style>